﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Simple.Master" Inherits="System.Web.Mvc.ViewPage<UsersDto>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    <link href="/Content/style/profile.css" rel="stylesheet" type="text/css" />
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <% var mySelf = ViewData["MySelf"] == null ? null : ViewData["MySelf"] as UsersDto; %>
    <div id="content">
        <div id="fixed_profile_info" class="default">
            <div class="profile_info">
                <div class="w_980">
                    <div class="mini_info">
                        <div class="face">
                            <a href="#">
                                <img src="/Content/del/face50_05.jpg" width="40" height="40" /></a></div>
                        <div class="name">
                            <a class="profile_menu_item" href="#">
                                <%= Model.UserName %></a></div>
                        <div class="profile_nav">
                            <a class="profile_menu_item" href="#"><span class="icon"></span>时间线</a></div>
                    </div>
                    <% if (mySelf == null || Model.UserId != mySelf.UserId)
                       { %>
                    <div class="exchange">
                        <a class="profile_menu_item" href="#"><span class="icon add_icon"></span>加关注</a>
                        <a class="profile_menu_item" href="#"><span class="icon"></span>发消息</a>
                    </div>
                    <% } %>
                </div>
            </div>
        </div>
        <div class="slider_box" id="slider_wrap">
            <div class="slider_980">
                <div class="slider">
                    <ul class="slider01">
                        <li><a href="#"><span></span>
                            <img src="/Content/del/profile_slider01.jpg" width="200" height="200" /></a></li>
                        <li><a href="#"><span></span>
                            <img src="/Content/del/profile_slider02.jpg" width="200" height="200" /></a></li>
                        <li><a href="#"><span></span>
                            <img src="/Content/del/profile_slider03.jpg" width="200" height="200" /></a></li>
                        <li><a href="#"><span></span>
                            <img src="/Content/del/profile_slider04.jpg" width="200" height="200" /></a></li>
                    </ul>
                    <ul class="slider02">
                        <li><a href="#"><span></span>
                            <img src="/Content/del/profile_slider05.jpg" width="377" height="401" /></a></li>
                    </ul>
                    <ul class="slider03">
                        <li><a href="#"><span></span>
                            <img src="/Content/del/profile_slider06.jpg" width="200" height="200" /></a></li>
                        <li><a href="#"><span></span>
                            <img src="/Content/del/profile_slider07.jpg" width="200" height="200" /></a></li>
                    </ul>
                </div>
                <div class="slider_bg">
                </div>
            </div>
        </div>
        <div class="w_980 timeline clear">
            <div class="base_info">
                <div class="profile_nav">
                    <a class="profile_menu_item" href="#"><span class="icon"></span>时间线</a></div>
                <div class="info">
                    <div class="name girl">
                        <div class="yahei">
                            <%= Model.UserName %></div>
                    </div>
                    <div class="state_icon girl_icon">
                    </div>
                    <div class="state">
                        <ul>
                            <li>
                                <img src="/Content/del/level.png" width="35" height="15" /></li>
                            <li><a href="#"><span>关注</span><em><%= ViewData["MyWishCount"] %></em></a></li>
                            <li><a href="#"><span>粉丝</span><em><%= ViewData["FollowMeCount"] %></em></a></li>
                            <li><a href="#"><span>战队</span><em><%= ViewData["JoinGroupCount"] %></em></a></li>
                        </ul>
                    </div>
                    <div class="medal">
                        <a href="#">
                            <img src="/Content/del/medal01.gif" width="24" height="24" /></a> <a href="#">
                                <img src="/Content/del/medal02.gif" width="24" height="24" /></a> <a href="#">
                                    <img src="/Content/del/medal03.gif" width="24" height="24" /></a> <a href="#">
                                        <img src="/Content/del/medal04.gif" width="24" height="24" /></a>
                    </div>
                    <div class="more">
                        <a class="profile_menu_item" href="#"><span class="icon"></span></a>
                    </div>
                    <div class="exchange">
                        <a class="profile_menu_item" href="#"><span class="icon add_icon"></span>加关注</a>
                        <a class="profile_menu_item" href="#"><span class="icon"></span>发消息</a>
                    </div>
                </div>
            </div>
            <div class="main">
                <div class="add_message_box clear">
                    <div class="added_info_box">
                        <div class="added_info">
                            <div class="txt_in">
                                现在</div>
                        </div>
                        <div class="catagory_icon">
                        </div>
                    </div>
                    <% using (Html.BeginForm("", ""))
                       { %>
                    <div class="add_message">
                        <div class="text_input">
                            <textarea tabindex="1" title="动态输入框" name="" class="input_detail"></textarea></div>
                        <div class="send_func">
                            <div class="media_list">
                                <a href="#" class="emotion"><span class="icon"></span></a><a href="#" class="picture">
                                    <span class="icon"></span></a><a href="#" class="video"><span class="icon"></span>
                                </a><a href="#" class="music"><span class="icon"></span></a>
                            </div>
                            <div class="send">
                                <a href="#"></a>
                            </div>
                        </div>
                    </div>
                    <% } %>
                </div>
                <div class="catagory_list">
                    <p class="yahei">
                        <a href="#" class="current">全部</a> <a href="#">运动日历</a> <a href="#">状态</a> <a href="#">
                            相片</a>
                    </p>
                </div>
                <div class="tl_list">
                    <% var pageDto = ViewData["Pages"] as PagingDto; %>
                    <% var currentDate = DateTime.Now.ToString("yyyy-MM-dd"); %>
                    <% foreach (UserMovingDto dto in pageDto)
                       { %>
                    <% if (!dto.MovingTime.ToString("yyyy-MM-dd").Equals(currentDate))
                       { %>
                    <div class="item day_sprit_item">
                        <div class="day">
                            <%= dto.MovingTime.ToString("M月d日") %>
                            星期一</div>
                    </div>
                    <% currentDate = dto.MovingTime.ToString("yyyy-MM-dd"); %>
                    <% } %>
                    <% var iconClass = "saying_item"; %>
                    <% if (dto.MovingType == 3)
                       {
                           iconClass = "photo_item";
                       }
                    %>
                    <div class="item <%= iconClass %>">
                        <div class="added_info_box">
                            <div class="added_info">
                                <div class="viewer_list">
                                    <a href="#">
                                        <img src="/Content/del/face50_01.jpg" width="25" height="25"></a> <a href="#">
                                            <img src="/Content/del/face50_02.jpg" width="25" height="25"></a> <a href="#">
                                                <img src="/Content/del/face50_03.jpg" width="25" height="25"></a> <span>
                                    </span>
                                </div>
                            </div>
                            <div class="catagory_icon">
                            </div>
                        </div>
                        <div class="tl_detail_wrap">
                            <div class="tl_detail">
                                <div class="tl_text">
                                    <%= dto.MovingContent %>
                                </div>
                            </div>
                            <div class="tl_comment">
                                <div class="tl_comment_prev">
                                    <div class="time">
                                        今天
                                        <%= dto.MovingTime.ToString("hh:mm") %></div>
                                    <div class="operate">
                                        <a href="#">赞</a><span class="pipe">·</span><a href="#">评论</a><span class="pipe">·</span><a
                                            href="#">转发</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <% } %>
                </div>
            </div>
            <div class="side">
                <div class="card">
                    <div class="inner face_list clear">
                        <a href="#">
                            <img class="first" src="/Content/del/face50_01.jpg"></a> <a href="#">
                                <img src="/Content/del/face50_02.jpg"></a> <a href="#">
                                    <img src="/Content/del/face50_03.jpg"></a> <a href="#">
                                        <img src="/Content/del/face50_04.jpg"></a> <a href="#">
                                            <img src="/Content/del/face50_05.jpg"></a> <a href="#">
                                                <img class="row_end" src="/Content/del/face50_06.jpg"></a>
                    </div>
                    <div class="title">
                        <h2>
                            <a href="#">关注</a> <span>(169)</span></h2>
                        <a class="more" href="#"></a>
                    </div>
                </div>
                <div class="card">
                    <div class="inner face_list clear">
                        <a href="#">
                            <img class="first" src="/Content/del/face60_01.jpg"></a> <a href="#">
                                <img src="/Content/del/face60_02.jpg"></a> <a href="#">
                                    <img src="/Content/del/face60_03.jpg"></a> <a href="#">
                                        <img src="/Content/del/face60_04.jpg"></a> <a href="#">
                                            <img src="/Content/del/face60_05.jpg"></a> <a href="#">
                                                <img class="row_end" src="/Content/del/face60_06.jpg"></a>
                    </div>
                    <div class="title">
                        <h2>
                            <a href="#">粉丝</a> <span>(498)</span></h2>
                        <a class="more" href="#"></a>
                    </div>
                </div>
                <div class="card">
                    <div class="inner pic_list">
                        <a href="#">
                            <img src="/Content/del/photo230.jpg"></a></div>
                    <div class="title">
                        <h2>
                            <a href="#">相片</a> <span>(12)</span></h2>
                        <a class="more" href="#"></a>
                    </div>
                </div>
                <div class="card">
                    <div class="inner face_list clear">
                        <a href="#">
                            <img class="first" src="/Content/del/group60_01.jpg"></a> <a href="#">
                                <img src="/Content/del/group60_02.jpg"></a> <a href="#">
                                    <img src="/Content/del/group60_03.jpg"></a> <a href="#">
                                        <img src="/Content/del/group60_04.jpg"></a> <a href="#">
                                            <img src="/Content/del/group60_05.jpg"></a> <a href="#">
                                                <img class="row_end" src="/Content/del/group60_06.jpg"></a>
                    </div>
                    <div class="title">
                        <h2>
                            <a href="#">战队</a> <span>(8)</span></h2>
                        <a class="more" href="#"></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <a href="#" class="homeskin"></a>
</asp:Content>
